<{extend name="index/header" /}>
<{block name="body"}>
    <!--[if lt IE 9]>
        <script src="__INDEX__/js/html5shiv.js"></script>
        <script src="__INDEX__/js/respond.min.js"></script>
    <![endif]--> 
    <style type="text/css">
    .pagination li:first-child span {
        background: url(__INDEX__/images/portfolio/left.png);
        background-repeat: no-repeat;
        text-indent: -999999999px;
        background-position: center top 10px;
        width: 32px;
        height: 36px;
        border: none;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
    }
    .pagination li:last-child span {
        background: url(__INDEX__/images/portfolio/right.png);
        background-repeat: no-repeat;
        text-indent: -999999999px;
        background-position: center top 10px;
        width: 32px;
        height: 36px;
        border: none;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
    }
    </style>



    <section id="page-breadcrumb">
        <div class="vertical-center sun">
             <div class="container">
                <div class="row">
                    <div class="action">
                        <div class="col-sm-12">
                            <h1 class="title">相册列表</h1>
                            <p>Photo album list</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </section>

    <section id="projects" class="padding-top">

        <div class="container">
            <div class="row">
                <div class="col-md-9 col-sm-8">
                    <div class="row">
                        <{volist name="list" id="vo"}>
                        <div class="col-xs-6 col-sm-6 col-md-4 portfolio-item branded logos">
                            <div class="portfolio-wrapper">
                                <div class="portfolio-single">
                                    <div class="portfolio-thumb" style="height: 300px;">
                                        <img src="<{$vo.photosdir}>" style="width: 100%;height: 100%;" class="img-responsive" alt="">
                                    </div>
                                    <div class="portfolio-view">
                                        <ul class="nav nav-pills">
                                            <li>
                                                <a href="<{:url('zhuanji/photodetails',['photosid'=>$vo.photosid])}>">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<{$vo.photosdir}>" data-lightbox="example-set">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<{:url('zhuanji/photosedit',['photosid'=>$vo.photosid])}>">
                                                    <i class="fa fa-edit"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="portfolio-info ">
                                    <h2><{$vo.photostitle}></h2>
                                </div>
                            </div>
                        </div>
                        <{/volist}>

                        <div class="portfolio-pagination">
                            <{$page}>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4">
                    <div class="sidebar portfolio-sidebar">
                        <div class="sidebar-item categories">
                            <h3>相册列表</h3>
                            <ul class="nav navbar-stacked">
                                <li><a href="#">2017年7月<span class="pull-right">(1)</span></a></li>
                                <li><a href="#">2017年8月<span class="pull-right">(1)</span></a></li>
                                <li><a href="#">2017年9月<span class="pull-right">(1)</span></a></li>
                                <li><a href="#">2017年10月<span class="pull-right">(1)</span></a></li>
                                <li class="active"><a href="#">2017年11月<span class="pull-right">(2)</span></a></li>
                            </ul>
                            <div style="width:100%;height:30px;text-align: center;border: 1px solid #a52902;background:#cb5934;color:#fff;line-height:30px;">
                                <a href="<{:url('zhuanji/photoadd')}>" style="color:#fff;">创建相册</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<{/block}>
